﻿html{ font-size: 52% !important;}

sub{bottom: inherit}
.slide-zoom{ height: 100%;}
.scroll-content { -webkit-overflow-scrolling: auto; }
.content-md{ background: #f5f5f5 !important;}
.content-ios{ background: #f5f5f5 !important;}
.popover-ios .popover-content{ left: 0px !important; bottom:0px !important; top: inherit !important; width: 100% !important;}
.header-ios .toolbar-ios:last-child .toolbar-background-ios{ border: 0px !important;}
ion-multi-picker{ padding: 0 0 0 8px !important;}
.font_color{ color: var(--color) !important;}
.bgcolor_white{ background:#ffffff !important;}
.bgcolor_red{ background: var(--color) !important;}
.bgcolor_color{ background: var(--color) !important;}
.popover-md .popover-content{ border-radius:0px !important; width: 100% !important; left: 0px !important; top:initial !important; bottom:0px !important;}
.select-md{ padding:0px !important; float:right}
.select-md .select-icon{ display:none;}
.ion-backdrop{ opacity:0.5 !important;}
.toolbar-md{ min-height: 46px !important;}
.toggle-md{ float: right; padding: 8px 0;}
.datetime-md{ padding: 0px;}
.has-refresher > .scroll-content { border-top: 0px;}
ion-content.has-refresher > .scroll-content { background-color: initial; }
.toast-md .toast-wrapper{ width: 40%;}

.tab-badge{border-radius: 10px !important;font-size: 8px !important;font-weight: 300 !important;width: 15px !important;height: 15px !important;line-height: 15px !important;text-align: center;padding: 0px !important;right: 17% !important;}
.badge-md{ border: 1px solid #f10215 !important; color: #f10215 !important; background: initial !important;}

.toggle-md{ margin:-12px 0 !important; padding: 12px 0 !important;}

page-select-pic .add{ width: 20px !important; position: absolute; right: 15px; height: 20px !important; line-height: 20px !important; border: 0px !important; font-size: 16px !important;}
page-select-pic .pictures{ width: 20px !important; height: 20px !important; float: right !important;}


.pro_ion_backdrop ion-backdrop{opacity:0.3 !important;}

.ion_header_search{ float: left; width: 100%; left: 0px; top: 7px; padding: 7px 0px 0px 15px; background:#fff; }
.ion_header_search input{ background: #eee;}
.ion_header_search button{ position: absolute; border: 0px; right: 0px; top: 7px; width: 40px; text-align: center; background:#fff; line-height: 30px; color: #000; font-size: 13px;}
ion-footer{ border-top: 0px}
.footer-md::before, .tabs-md[tabsPlacement="bottom"] > .tabbar::before{background-image:none !important;}
.popover-ios .popover-content{ border-radius: 0px !important;}
.toolbar-ios .segment-button{ max-width: inherit !important;}

.ion_toolbar > .toolbar-background{ background: #fff !important; height: 35px !important;}
.ion_toolbar{ padding: 0px !important; height: 35px !important;}
.ion_toolbar.toolbar-md{ min-height: initial !important;}
.ion_toolbar.toolbar-ios{ min-height: initial !important;}
.segment-activated{ opacity:1 !important;}
.ion_toolbar .segment-md .segment-button{ color: #000 !important; height: 35px !important; line-height: 35px !important; font-size: 12px !important; border-bottom: 1px solid #e4e4e4 !important;max-width: none;}
.ion_toolbar .segment-md .segment-button span{ line-height: 35px;}
.ion_toolbar .segment-md .segment-button.activated span, .segment-md .segment-button.segment-activated span{ line-height: 29px; border-bottom: 4px solid var(--color) !important; font-weight: bold;}

.toast-wrapper{ width: 150px; text-align: center; border-radius: 5px; background: rgba(0,0,0,0.5) !important;}

.address_toolbar{ height: 40px !important;}
.address_toolbar > .toolbar-background{ background: #fff !important; height: 40px !important;}
.address_toolbar .segment-md .segment-button{ height: 40px !important; line-height: 20px !important;}
.address_toolbar h3{ margin: 0px; font-size: 1.6rem;}
.address_toolbar span{ font-size: 10px; color: #999; line-height: 15px !important;}

.button-md{ box-shadow: 0 0 0 #000 !important;}

.alert-wrapper{ box-shadow: 0 0 0 #fff !important; border-radius: 5px !important;}
.alert-title{ font-size: 16px !important; text-align: center !important;}
.alert-message{ text-align: center !important; padding-bottom: 30px !important;}
.alert-button-group{ padding: 0px !important;}
.alert-button{ float: left !important; width: 50% !important; margin: 0px !important;}
.button-inner{ float: left; width: 100% !important; text-align: center !important; -webkit-box-pack:center !important; justify-content:center !important;}
.alert-button:last-child{ background: var(--color) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 0px !important; border-top: 1px solid var(--color);}
.alert-button:last-child .button-inner{ color: #fff;}
.alert-button:first-child{ border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top: 1px solid #e4e4e4;}
.alert-sub-title{ text-align: center !important; margin-top: 10px !important; color: #999 !important;}
.alert-one{ float: left; width: 100% !important; border-top: 1px solid #e4e4e4;}
.alert-one:last-child{ background: #fff !important;}
.alert-one .button-inner{ color: var(--color) !important;}
.swiper-slide img{ width: 100% !important;}

/*.header-md::after{background-image:url() !important;}*/

/* ion-backdrop{ opacity:0.3 !important;} */

.toolbar-background{ background: #fff !important}
.toolbar-title{ color: #000 !important; font-weight: 400 !important; font-size: 16px !important; padding: 0px 5px !important;}
.bar-button-default{ color: #666 !important;}
.back-button{ min-width:20px !important; margin: 0px !important;}
.bg_header .toolbar-background{ background: var(--color) !important}
.bg_header .toolbar-title{ color: #fff !important}
.bg_header .bar-button-default{ color: #fff !important;}
.title-md{ position: absolute !important; width: calc(100% - 100px) !important; left: 50px !important; height: 30px; line-height: 30px; text-align: center !important; top: 8px !important;}

.order_search .title{ float: left !important; width: calc(100% - 100px) !important; line-height: 35px !important;}

.user_header .toolbar-background{ background: var(--color) !important; border-bottom: 0px !important;}
.user_header .toolbar-title{ color: #fff !important;}

.popover-content{ left: 0px !important;}

.search_input{ height: 30px; z-index: 10; border-radius: 16px; border: 0px; background: #eee; color: #000; font-size: 12px; font-weight: 500; padding: 0 10px;}

.index_header{ height: 50px; padding:10px; top: 0px; left: 0px; position:fixed; width: 100%; z-index: 2; transform:translateZ(0); top: 0px; left: 0px;}
.index_header i{ width: 30px; line-height: 30px; text-align: center;}
.index_header .search_input{ height: 30px; float: left; width: 100%; background: #eee;}
.index_header span{ line-height: 30px;}

.index_body{ position: absolute; top: 0px; left: 0px; height: 100%; overflow-y: auto;}

.shop_header{}
.shop_header .header{ position: fixed; height: 50px; top: 0px; left: 0px; width: 100%; z-index: 100; padding: 0 60px;}
.shop_header .header .input{ width: 100%; height: 30px; line-height: 30px; color: #aaa; margin-top: 10px; padding: 0 35px; position: relative; background: #fff; border-radius: 20px;}
.shop_header .header .input i{ font-size: 1.6rem; position: absolute; width: 35px; height: 30px; line-height: 30px; text-align: center; color: #aaa;}
.shop_header .banner{ width: 100%; float: left;}
.shop_header .banner img{ width: 100%; float: left;}

.shop_nav{ background: #fff; float: left; width: 100%; padding: 10px;}
.shop_adv{ background: #fff; float: left; width: 100%; border-left: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.shop_adv .shop_adv_item{ border: 1px solid #f5f5f5 !important; border-left: 0px !important; border-bottom: 0px !important; position: relative;}
.shop_adv img{ float: left; width: 100%;}

.shop_myorder_nav{ padding: 15px 0;}
.shop_myorder_nav li i{ font-size: 20px; color: var(--color);}
.shop_myorder_nav li span{ margin-top: 8px; color: #999;}
.shop_myorder_nav li img{ width: 30px; height: 30px; border-radius: 50%; border: 1px solid #eee;}

.cus_shop_nav{ float: left; padding: 0 0 25px;}
.cus_shop_nav li{ margin-top: 25px;}
.cus_shop_nav li i{ font-size: 28px; color: var(--color);}
.cus_shop_nav li span{ margin-top: 10px; color: #000;}

.pro_scre{ height: 40px; line-height: 40px; position: relative;}
.pro_list{ padding-top: 41px;}
.pro_list_item{ position: relative; height: 120px; padding: 0 0 0 125px;}
.pro_list_img{ width: 110px; height: 110px; position: absolute; top: 0; left: 0;}
.pro_list_info{ height: 120px; padding: 10px 0;}
.pro_list_info h3{ margin: 0px; font-size: 1.6rem; height: 32px; overflow: hidden;}
.pro_list_info .pro_cas{ height: 20px; margin-top: 5px;}
.pro_list_info .pro_cas span{ height: 20px; line-height: 20px; float: left; margin-right: 10px; background: #eee;}
.pro_list_info .pro_pic{}
.pro_list_info .pro_bot{}


.cus_shop_info{ padding: 10px 15px;}
.cus_shop_info img{ float: left; width: 60px; height: 60px; border-radius: 50%;}
.cus_shop_info i{ line-height: 70px; float: right;}
.cus_shop_info .user_name{ float: left; height: 60px; margin-left: 20px;}
.cus_shop_info .user_name h3{ margin: 0px;}
.cus_shop_info .car{ background: var(--color); color: #fff; padding: 20px 0; border-radius: 8px;}
.cus_shop_info .car h3{ font-size: 30px; margin: 10px 0 30px 0;}
.cus_shop_info .car ul{ margin: 0px; padding: 0px;}
.cus_shop_info .car ul b{ font-size: 16px; margin-top: 5px;}

.vip_find_list{ padding: 10px;}
.vip_find_item{ background: #fff; margin-bottom:10px; padding: 15px; border-radius: 5px;}
.vip_find_header{ }
.vip_find_header .title{ font-size: 16px; float: left; margin: 0px;}
.vip_find_body{ margin-top: 15px; width: 100%; height: 45vw; overflow: hidden;}
.vip_find_body p{ float: left; font-size: 1.6rem; color: #666; display: none; max-height: 80px; overflow: hidden;}
.vip_find_body p.main{ max-height: initial; overflow: initial;}
.vip_find_body .main_img{ float: left; margin-top: 15px; margin-bottom: -10px;}
.vip_find_body .main_img .one_img{ height: 200px; margin-bottom: 10px;}
.vip_find_body .main_img .more_img{ width: 70px; height: 70px; overflow: hidden; margin: 0 10px 10px 0; float: left;}
.vip_find_body .main_img .more_img img{ width: 100%;}
.vip_find_footer{ margin-top: 15px;}
.vip_find_footer img{ width: 20px; height: 20px; border-radius: 50%; float: left;}
.vip_find_footer span{ height: 20px; line-height: 20px; float: left; margin:0 0 0 5px; font-size: 12px; color: #999;}
.vip_find_footer span.name{ max-width: 150px; overflow: hidden;}
.vip_find_footer button{ float: right; font-size: 12px; background: #fff; color: #666; margin-left: 10px; border:1px solid #666; border-radius: 15px; padding: 5px 8px;}
.vip_find_footer button.xuan{ color: var(--color); border: 1px solid var(--color);}

.find_main{ padding: 10px; background: #fff;}
.find_main_header{ padding: 0 20px;}
.find_main_header h2{ margin: 0px; font-size: 20px;}
.find_main_header .info{ margin: 20px 0;}
.find_main_header .info img{ width: 32px; height: 32px; border-radius: 50%; float: left;}
.find_main_header .info span{ float: left; width: calc(100vw - 100px); height: 15px; padding-left: 10px;}
.find_main_nav{ width: 100%; height: 50px; background: #eee;}
.find_main_nav > div{ height: 20px; line-height: 20px; border-left: 1px solid #ccc; margin-top: 15px; font-size: 1.6rem;}
.find_main_nav > div:first-child{ border: 0px;}
.find_main_nav > div.xuan{ color: var(--color);}

.find_main_content img{ max-width: 100%; margin-bottom: 15px;}

.vip_home_item{}
.vip_home_item .vip_find_header{ padding-left: 70px; position: relative; min-height: 70px;}
.vip_home_item .vip_find_header img{ width: 70px; height: 70px; border-radius: 4px; position: absolute; left: 0px; top: 0px;}
.vip_home_item .vip_find_header .title{ line-height: 20px; font-size: 14px !important; width: 100%;}
.vip_home_item .vip_find_header .pic{ color: var(--color); font-size: 16px; margin-top: 5px;}
.vip_home_item .vip_find_header .time{ line-height: 20px; margin-top: 8px;}
.vip_home_item .vip_find_body{ padding-left: 0px;}
.vip_home_item .main_img .more_img{ width: 85px; height: 85px;}

.vip_selected_item{ padding: 0 0 20px 0; background: #fff;}
.vip_selected_item .img{ height: 150px; overflow: hidden;}
.vip_selected_item .img img{ width: 100%; min-height: 150px;}
.vip_selected_item h3{ margin: 15px 0px 5px 0; height: 40px; font-size: 16px; padding: 0 15px; overflow: hidden;}
.vip_selected_item .text{ padding: 0 15px; line-height: 30px;}
.vip_selected_item .text .pic{ font-size: 16px;}
.vip_selected_item .text button{ height: 30px; margin: 0px; background: #fff; color: #666; border: 1px solid #ccc; box-shadow: 0px 0px 0px #fff;}


.cart_pro.content{ background: #fff !important;}
.cart_pro_title{ background: #eee; padding: 15px 10px; float: left; width: 100%;}
.cart_pro_title span{ margin: 0px;}
.cart_pro_header{ line-height: 36px; font-size: 12px; padding: 0 10px;}
.cart_pro_header em.df{ line-height: 14px; height: 15px; border-radius: 8px; padding: 0 2px; margin: 9px 5px 0 0; border: 1px solid #ef250f; background:#fff;  color: #ef250f; font-size: 8px;}
.cart_pro_header i{ line-height: 36px; font-size: 20px; color: var(--color);}
.cart_pro_header .cart_pro_check{ float: left; width: 16px; height: 16px; margin: 10px 10px 10px 0; border: 1px solid #999; padding: 2px; border-radius: 50%;}
.cart_pro_header .cart_pro_check.xuan{ border: 1px solid var(--color); background: var(--color); color: #fff;}
.cart_pro_header .cart_pro_check .fa-check{ width: 10px; height: 10px; background: var(--color); border-radius: 50%; display: none;}
.cart_pro_header .cart_pro_check.xuan .fa-check{ display: block; color: #fff;}
.cart_pro_header .cart_pro_check i{ display: none; font-size: 8px; line-height: 12px;}
.cart_pro_header .cart_pro_check.xuan i{ display: block;}
.cart_pro_bottom{ padding: 10px;}
.cart_pro_bottom button{ height: 30px; font-size: 12px; margin-right: 10px; text-align: center; border-radius: 3px; background: var(--color); color: #fff; float: right; padding: 0 15px;}
.cart_pro_bottom button.xuan{ color: var(--color); border: 1px solid var(--color);}
.cart_pro_bottom button:last-child{ margin-right: 0px;}
.cart_pro_bottom [type='text'],.cart_pro_bottom [type='number']{ min-width: 100px;border: 0; border-bottom: 1px solid #EEE; }
.cart_pro_list{ padding:0;}
.cart_pro_list:last-child{ border: 0px;}
.cart_pro_item{ padding:0 10px 0px 35px; margin-bottom: 10px; position: relative;}
.cart_pro_info{ padding: 10px 10px 10px 100px; box-shadow: 1px 1px 10px #e4e4e4; min-height: 100px; background: #fff; float: left; width: 100%; position: relative;}
.cart_pro_item .cart_pro_check{ position: absolute; width: 16px; height: 16px; top: 50%; margin-top: -8px; border: 1px solid #999; padding: 2px; border-radius: 50%; left: 10px;}
.cart_pro_item .cart_pro_check.xuan{ border: 1px solid var(--color); background: var(--color); color: #fff;}
.cart_pro_item .cart_pro_check .fa-check{ width: 10px; height: 10px; background: var(--color); border-radius: 50%; display: none;}
.cart_pro_item .cart_pro_check.xuan .fa-check{ display: block;}
.cart_pro_item .cart_pro_check i{ display: none; font-size: 8px; line-height: 12px;}
.cart_pro_item .cart_pro_check.xuan i{ display: block;}
.cart_pro_item img{ width: 80px; position: absolute; left: 10px;}
.cart_pro_item .reminder{    background-color: rgba(0,0,0,.5); height: 20px; position: absolute; width: 80px;left: 10px;top: 70px;text-align: center;color: white;line-height: 20px;    font-size: 13px;}
.cart_pro_item h3.pro_name{ font-size: 1.6rem; font-weight: 400; height: 31px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
margin: 2px 0 0 0px;}
.cart_pro_item h3.pro_name em{ border: 1px solid #ef250f; color: #ef250f; font-size: 8px; padding: 1px 2px; border-radius: 10px; margin: 0px 5px 0 0;}
.cart_pro_item .pro_pic{ font-size: 18px; line-height: 25px; color: #ef250f;}
.cart_pro_item .pro_pic span{ font-size: 12px; font-weight: 500; float: left; margin-top: 2px;}
.cart_pro_item .pro_pic b{letter-spacing:-1px; font-weight: 500;}
.cart_pro_item .wh{ width: 50px; height: 50px; background: rgba(0,0,0,.6); border-radius: 50%; position: absolute; left: 10px; color: #fff; line-height: 50px; text-align: center;}
.num_p_m{ height: 20px; float: right;}
.num_p_m button{ width: 20px; height: 20px; color: #000 !important; padding: 0px; margin: 0px; float: left; font-size: 1.6rem; font-weight: 400; background: #fff !important;}
.num_p_m button.p{ font-size: 20px;}
.num_p_m input{ width: 35px; background: #eee; height: 20px; font-size: 12px; margin: 0px; padding: 0px; float: left; border: 0px solid #ccc; text-align: center;}
.cart_pro_list .cart_cz{ padding: 10px 0;}
.cart_pro_list .cart_cz button{ border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 22px; line-height: 20px;}
.cart_pro_list .cart_cz button.xuan{ background: var(--color); border: 1px solid var(--color); color: #fff;}
.cart_pro_list .cart_cz button i{ font-size: 16px;}
.cart_pro_list .cart_cz i{ font-size: 25px; color: #999;}
.cart_pro_list .cart_cz button.xuan i{ color: #fff;}
.cart_pro_list .cart_cz input{ width: 80px; padding:0 5px; border: 1px solid #ccc; border-radius: 5px; background: #fff; height: 30px; line-height: 28px;}
.cart_pro > .cart_more{ padding: 10px 15px 10px 50px; background: #fdf0f1; float: left; width: 100%;}
.cart_pro > .cart_more p{ height: 25px; line-height: 25px; color: #999; overflow: hidden;}

button.swiper-pagination-bullet-active{ background-color:var(--color) !important;}
.cart_pro > h3{ margin: 0px; font-size: 12px; padding: 10px 15px 0 45px;}

.cart_pro .cart_pro_tab{ height: 40px; border-bottom: 1px solid #ccc; text-align: center; line-height: 39px; font-size: 1.6rem;}
.cart_pro .cart_pro_tab span.xuan{ border-bottom: 1px solid var(--color); color: var(--color);}

.cart_no_pro{ position: fixed; width: 100%; height: 100%; background: #f5f5f5; z-index: 999;}
.cart_no_main{ position: fixed; width: 80%; left: 10%; top: 25%;}

.cart_no_main button{ padding: 8px 50px; color: #fff; border-radius: 20px;}
.cart_no_main a.reci{ padding: 5px 10px; background: #e4e4e4; border-radius: 15px; color: #000; margin: 10px 10px 0 0;}
.cart_no_main .list_no_title{ font-size: 1.6rem; margin: 0px;}

.invoice_btn{ border: 1px solid #e4e4e4; padding: 8px 15px; background: #fff; margin-right: 15px; font-size: 1.6rem; border-radius: 20px;}
.invoice_btn.xuan{ border: 1px solid var(--color); color: var(--color);}
.invoice_input{ height: 40px; background: #eee; border:1px solid #eee; padding: 0 10px; border-radius: 3px;}

.cart_footer{ width: 100%; height: 50px; line-height: 50px; background: #fff;}
.cart_footer .cart_pro_check{ float: left; width: 16px; height: 16px; text-align: center; margin: 15px 0 0 10px; border: 1px solid #999; padding: 2px; border-radius: 50%;}
.cart_footer .cart_pro_check.xuan{ border: 1px solid var(--color); background: var(--color);}
.cart_footer .cart_pro_check .fa-check{ width: 10px; height: 10px; background: var(--color); border-radius: 50%; display: none;}
.cart_footer .cart_pro_check.xuan .fa-check{ display: block;}
.cart_footer .cart_pro_check i{ display: none; font-size: 8px; line-height: 12px;}
.cart_footer .cart_pro_check.xuan i{ display: block; color: #fff;}
.cart_footer h3{ margin: 0px; font-size: 1.6rem;}
.cart_footer span{ font-size: 12px; color: #999;}
.cart_footer h3 span{ line-height: 50px;}
.footer_pic span{ line-height: initial !important; color: #ef250f; font-weight: 500; font-size: 13px; margin-top: 17px;}
.footer_pic b{ color: #ef250f;letter-spacing:-1px}
.cart_footer h3 b{ font-size: 18px; line-height: 50px; font-weight: 500;}
.cart_footer button{ height: 50px; margin: 0 !important; border-radius: 0px !important;}
.cart_footer button span{ font-size: 16px; color: #fff;}
.cart_footer_icon{ float: left; width: 40px; height: 40px; position: relative; margin: 5px; border-radius: 50%; background: var(--color); color: #fff; text-align: center; line-height: 40px; font-size: 20px;}
.cart_footer_icon em{ position: absolute; top: -2px; right: -5px; color: red !important; line-height: 14px; background: #fff; width: 16px; height: 16px; font-size: 10px; border: 1px solid var(--color); border-radius: 50%;}

.coupon_list{ padding: 0 10px;}
.coupon_item{ height: 90px; position: relative; padding-left: 130px; margin-top: 10px;}
.coupon_item_left{ width: 130px; text-align: center; height: 90px; position: absolute; color: #fff; left: 0px; top: 0px;}
.coupon_item_bg01{ background:url(../imgs/coupon_bg01.png);}
.coupon_item_bg02{ background:url(../imgs/coupon_bg02.png);}
.coupon_item_bg03{ background:url(../imgs/coupon_bg03.png);}
.coupon_item_left h3{ margin: 25px 0 0px 0; line-height: 20px; font-size: 32px;}
.coupon_item_left h3 span{ font-size: 1.6rem; margin-left: 5px;}
.coupon_item_right{ padding: 10px; background: #fff; min-height: 90px; position: relative;}
.coupon_item_right h3{ margin: 0px; font-size: 1.6rem; height: 16px; overflow: hidden;}
.coupon_item_right em{ position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 8px; background: var(--color); color: #fff; top: 0px; right: 0px;}
.coupon_item_right p{ font-size: 12px; line-height: 20px; color: #999;}
.coupon_item_right button{ line-height: 18px; font-size: 12px; border-radius: 15px; border: 1px solid var(--color); color: var(--color); text-align: center; background: #fff;}
.coupon_item_right button.xuan{ border: 1px solid #ff6537; color: #ff6537;}
.coupon_list h2{ margin-top: 60px; font-size: 20px; color: #c1c1c1; text-shadow: 1px 1px 1px #fff;}

.coupon_xx{ position: fixed; width: 100%; height: 100%; background: var(--color); top: 0px; left: 0px;}
.coupon_img{ float: left; width: 80%; margin:100px 0 0 10%;}
.coupon_img canvas{ float: left; width: 100% !important; height: 100% !important; padding: 20px; background: #fff;}
.coupon_xx h3{ margin: 0px; width: 80%; margin:30px 0 10px 10%; float: left; color: #fff;}
.coupon_xx p{ font-size: 1.6rem; width: 80%; margin: 0 0 5px 10%; float: left; color: #fff;}
.coupon_receive{ padding: 0 10px 10px; background: #f1f1f1;}
.coupon_receive_item{ height: 90px; position: relative; border-radius: 5px; overflow: hidden; padding-right: 80px;}
.coupon_receive_item .xuan{ position: absolute; width: 50px; height: 40px; right: 50px; top: 0px; z-index: 100; background: url(../imgs/coupon_receive_01.png);}
.coupon_receive_item_left{ height: 90px; background: #fff; padding: 10px; position: relative; padding-left: 90px;}
.coupon_receive_item_left img{ position: absolute; width: 70px; height: 70px; left: 10px; top: 10px;}
.coupon_receive_item_left p{ font-size: 1.6rem; height: 34px; overflow: hidden;}
.coupon_receive_item_left h3{ margin: 5px 10px 0 5px; float: left; font-size: 30px; color: #ff9e81;}
.coupon_receive_item_left span{ margin: 17px 0 0 0; float: left; color: #ff9e81;}
.coupon_receive_item_right{ width:80px; height: 90px; line-height: 90px; color: #fff; text-align: center; position: absolute; top: 0px; right: 0px; background-color:  #ff9e81;}
.coupon_main{ background: var(--color);}
.coupon_main .enterprise_info{ padding: 10px 15px;}
.coupon_main .enterprise_info img{ float: left; width: 30px; height: 30px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.5) !important;}
.coupon_main .enterprise_info span{ float: left; line-height: 36px; font-size: 16px; color: #fff; margin-left: 10px;}
.coupon_main .coupon_info{ padding: 10px 15px 20px 15px; position: relative;}
.coupon_main .coupon_info .coupon_pic{ float: left; width: 100%;}
.coupon_main .coupon_info .coupon_pic h1{ float: left; margin: 0px; font-size: 50px; color: rgba(255,255,255,1);}
.coupon_main .coupon_info .coupon_pic span{ float: left; color: #fff; margin-top: 30px;}
.coupon_main .coupon_info .coupon_name{ float: left; width: 100%; margin: 20px 0px; font-size: 1.6rem; color: rgba(255,255,255,0.9);}
.coupon_main .coupon_info .coupon_time{ float: left; width: 100%; color: rgba(255,255,255,0.7);}
.coupon_main .coupon_info button{ right: 15px; bottom: 20px; background: inherit; position: absolute; padding: 8px 15px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 5px;}
.coupon_main_line{ height: 10px; background:url(../imgs/coupon_main_line.png) repeat-x;}

.logistics_news{ float: left; width: 100%; padding: 10px 15px;}
.logistics_news_item{ background: #fff; float: left; border-radius: 5px;}

.logistics_item{ float: left; width: 100%; padding: 0 0px 0 40px; position: relative;}
.logistics_item em.xuan{ border-color:var(--color); }
.logistics_item .logistics_item_info{ float: left; width: 100%; font-size: 1.6rem; min-height: 50px; padding: 15px 0;}
.logistics_item .logistics_item_info p{ margin-bottom: 10px; font-size: 12px; padding-right: 15px; color: #999;}
.logistics_item .logistics_item_info b{ font-size: 10px; color: #999;}
.logistics_item:last-child .logistics_item_info{ background: #fff;}
.logistics_item .line{ width: 1px; height: 100%; z-index: 1px; left: 20px; top: 0px; background: #e4e4e4; position: absolute;}
.logistics_item i{ position: absolute; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 8px; background: #ccc; color: #fff; z-index: 2; border-radius: 50%; left: 13px; top: 16px;}
.logistics_item .line.star{ top: 16px;}
.logistics_item .line.end{ top: initial; bottom: 40px;}

.logistics_item.xuan .logistics_item_info p{ color: #000;}

.logistics_order{}
.logistics_order_item{ float: left; background: #eee; margin-bottom: 10px; padding:10px; border-radius: 5px;}
.logistics_order_item > h3{ margin: 0px; font-size: 1.6rem; padding: 5px 5px; margin-bottom: 10px;}
.logistics_order_item img{ width: 60px; height: 60px;}

.evaluate_star{ font-size: 18px;}
.evaluate_star i.fa-star-o{ margin-left: 5px; color: #999;}
.evaluate_star i.fa-star{ margin-left: 5px; color: var(--color);}

.footer_buttom{ height: 50px; width: 100%; z-index: 10; background: #fff;}
.footer_buttom.pro_main_btn{ padding-left: 165px;}
.footer_buttom button{ height: 50px; padding: 0px; margin: 0px; border-radius: 0px; border: 0px; box-shadow: 0 0 0 0; font-size: 15px;}
.footer_buttom .white_btn{ height: 50px; border-top: 1px solid #e4e4e4; color: #000; background: #fff;}
.footer_buttom .black_btn{ background: #333;}
.footer_buttom .black_btn:active{ background: #666 !important;}
.add_cart_btn{ background: -webkit-linear-gradient( left,#f3cb52,#f19a39);}
/* .add_cart_btn:active{ background: initial !important;} */
.add_ljgm_btn{ background: -webkit-linear-gradient( left,#ec6700,#fb8d38);}
/* .add_ljgm_btn:active{ background: initial !important;} */
.footer_buttom button.pro_main_icon{ position: absolute; background: #fff; width: 60px; height: 48px; top: 2px; left: 0px; text-align: center;}
.footer_buttom button.pro_main_icon i{ float: left; width: 100%; color: #333; font-size: 16px;}
.footer_buttom button.pro_main_icon span{ float: left; width: 100%; font-size: 12px; color: #999; margin-top: 5px;}
.footer_buttom button.pro_main_icon em{position: absolute;top: 1px;right: 5px;background: #fff;color: #f10215; border: 1px solid #f10215; padding: 2px 4px;border-radius: 8px;font-size: 8px;}


.footer_buttom.order_main_footer{ background: #f9f9f9; padding: 12px 0;}
.footer_buttom.order_main_footer button{ height: 26px; line-height: 24px; font-size: 12px; padding: 0 10px; margin-right: 10px; border: 1px solid #e4e4e4; border-radius: 20px; background: #fff; float: right;}
.footer_buttom.order_main_footer button.xuan{ color: var(--color); border: 1px solid var(--color);}

.order_detail_bg{ background: url(../imgs/order_detail_bg.png) top center; background-size: 100% auto; color: #fff;}

.payment_je{ float: left; width: 100%; font: 16px; margin: 0px; padding: 15px;}

.jl_model{background: #fff;}

.dis_pur_fl > button{ height: 50px; line-height: 50px; background: #fff; border:0px; border-top: 1px solid #ccc;}
.dis_pur_fl input{ height: 40px; padding: 0 5px; border-radius: 5px; border: 1px solid #ccc;}
.dis_pur_fl > button.xuan{ background: var(--color); color: #fff; border-top: 1px solid var(--color);}

.dis_user_ye{ padding: 15px 0 0 15px; background: #fff; float: left; width: 100%;}
.dis_user_ye h3{ margin: 0px;}
.dis_user_ye b{ margin-top: 22px; font-size: 18px;}
.dis_user_ye h2{ font-size: 35px; margin: 10px 0;}
.dis_user_ye button{ background: var(--color); color: #fff; float: right; padding: 8px 15px; margin: 17px 15px 0 0; border-radius: 3px;}

.qrcode{ position: fixed; width: 100%; height: 100%; background: var(--color);}
.qrcode_main{ width: 80%; height: 65%; padding: 15px 55px; top: 10%; left: 10%; position: absolute; background: #fff; border-radius: 5px;}
.qrcode_main img.user_tx{ width: 20%; float: left; margin: 0 0 15px 40%; border-radius: 50%; border: 1px solid #eee;}
.qrcode > span{ position: absolute; bottom: 70px; color: rgba(255,255,255,0.5);}

.apply_vip{ position: fixed; width: 100%; height: 100%; background:-moz-linear-gradient(top,var(--color),#f1f1f1); background:-ms-linear-gradient(top,var(--color),#f1f1f1); background:-o-linear-gradient(top,var(--color),#f1f1f1); background:-webkit-linear-gradient(top,var(--color),#f1f1f1); padding: 20px 20px 80px 20px;}
.apply_vip_icon{ width: 60px; height: 60px; position: absolute; left: 50%; margin: -50px 0 0 -30px;}
.apply_vip_main{ width: 86%; padding: 20px; background: #fff; top: 18%; left: 7%; position: fixed; border-radius: 5px; box-shadow: 2px 2px 10px #ccc;}
.apply_vip_item{ margin-top: 30px;}
.apply_vip_item h3{ margin: 0px; font-size: 18px;}
.apply_vip_item h3 i{ width: 20px; float: left;}
.apply_vip_item p{ color: #999; padding-left: 30px; margin-top: 5px;}
.apply_vip_btn{ float: left; width: 100%;}
.apply_vip_btn button{ float: left; width: 100%; color: #fff; padding: 10px 0; border-radius: 30px; background: var(--color);}
.apply_vip_btn button b{ font-size: 16px; margin-bottom: 8px;}
.apply_vip_btn button span{ color: #fff77c; font-size: 12px;}

.lenovo_bg{ position: fixed; width: 100%; height: 100%; overflow: hidden; padding: 5% 8%; background: url(../imgs/lenovo_bg.png);}
.lenovo_bg h2{ color: #fff; font-size: 40px; margin: 0px; height: 5%; position: absolute; left: 8%; top: 8%;}
.lenovo_pro_list{ float: left; width: 100%; height: 100%; padding-top: 4%;}
.lenovo_pro_list .lenovo_pro_item{ padding: 20px 20px 50px 20px; height: 100%; width: 100%; float: left;}
.lenovo_pro_list .lenovo_pro_item > div{ float: left; width: 100%; height: 100%; background: #fff; padding: 50px; border-radius: 10px; overflow: hidden;}
.lenovo_pro_list .lenovo_pro_item img{ width: 100%;}
.lenovo_pro_list .lenovo_pro_item .pro_name{ margin: 50px 0 0 0; font-size: 25px; float: left; width: 100%; text-align: left; height: 90px; overflow: hidden;}
.lenovo_pro_list .lenovo_pro_item .pro_pic{ float: left; width: 100%; margin-top: 20px; text-align: left; font-size: 20px; color: var(--color);}
.lenovo_pro_list .lenovo_pro_item .pro_pic b{ font-size: 40px;}

.lenovo_pro_nav{ position: fixed; width: 100%; height: 100%; background: url(../imgs/lenovo_bg.jpg) top center; overflow-y: auto;}
.lenovo_pro_nav ul{ float: left; width: 100%; font-size: 22px; padding: 30px 50px 20px 70px;}
.lenovo_pro_nav ul li{ float: left; margin-left: 70px; height: 60px; line-height: 60px; color: rgba(255,255,255,0.8);}
.lenovo_pro_nav ul li.xuan{ color: #fff; text-shadow: 1px 1px 1px #666;}
.lenovo_pro_nav ul li input{ height: 40px; padding: 0 10px; border: 2px solid #fff; background: inherit; float: left; margin-top: 15px;}
.lenovo_pro_nav ul li .fa-search{ width: 40px; height: 40px; line-height: 40px; text-align: center; margin-top: 15px; background: #fff; float: right; color: #000;}
.lenovo_nav_list{ padding: 0 50px 50px 50px;}
.lenovo_nav_item{ float: left; width: 12.5%; padding: 20px;}
.lenovo_nav_item span{ font-size: 18px; color: #fff; margin-top: 20px;}

.lenovo_fh{ position: fixed; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; border-radius: 50%; z-index: 999;; top: 30px; left: 50px; background: rgba(255,255,255,0.5);}

.lenovo_pro_list01{ padding: 0 50px;}
.lenovo_pro_list01item{ position: relative; padding:0 50px 0 220px; height: 200px; margin-bottom: 50px;}
.lenovo_pro_list01item img{ width: 200px; position: absolute; left: 0px; top: 0px;}
.lenovo_pro_list01item h2.pro_name{ font-size: 22px; margin: 0px; color: #fff; height: 52px; overflow: hidden;}
.lenovo_pro_list01item h2.pro_pic{ font-size: 30px; color: var(--color);}
.lenovo_pro_list01item h2.pro_pic span{ color: #eee; font-size: 16px; text-decoration:line-through;}
.lenovo_pro_list01item .pro_sx{ margin-top: 10px; height: 26px; overflow: hidden;}
.lenovo_pro_list01item .pro_sx span{ float: left; padding: 5px; background: rgba(255,255,255,0.5); margin-left: 10px; border-radius: 5px;}
.lenovo_pro_list01item .pro_sx span:first-child{ margin-left: 0px;}
.lenovo_pro_list01item button{ border: 1px solid #fff; color: #fff; background: inherit; padding: 10px; font-size: 16px; border-radius: 5px;}

.lenovo_pro_main{ padding: 0 50px;}
.lenovo_main_img{}
.lenovo_main_text{ padding-left: 50px;}
.lenovo_main_text h2.pro_name{ font-size: 30px; color: #fff; margin: 0px;}
.lenovo_main_text h2.pro_pic{ font-size: 50px; color: var(--color);}
.lenovo_main_text p{ font-size: 16px; color: #fff;}
.lenovo_main_text button{ padding: 10px; border: 1px solid #fff; color: #fff; background: inherit; border-radius: 5px; margin: 20px 0 0 20px; font-size: 16px;}
.lenovo_main_text button:first-child{ margin-left: 0px;}

.lenovo_main_text .pro_sx{ margin: 20px 0 0 0; padding: 0px;}
.lenovo_main_text .pro_sx li{ margin: 0px; height: 40px; line-height: 40px; font-size: 1.6rem; padding: 0px; border: 1px solid rgba(255,255,255,0.5); padding-left: 10px; margin: -1px 0 0 -1px;}

.lenovo_pj_item{ position: relative; padding: 20px 20px 20px 140px; border: 1px dotted #fff; min-height: 140px; margin-bottom: 20px;}
.lenovo_pj_item img.user_tx{ width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 20px; top: 20px;}
.lenovo_pj_item span{ color: #fff; font-size: 20px;}

.index_pro_list{ float: left; width: 100%;}
.index_pro_item{ float: left; width: 50%; padding-right: 2px; margin-top: 4px;}
.index_pro_item:nth-child(2n){ padding:0 0 0 2px;}
.index_pro_item > div{ float: left; width: 100%; background: #fff;}
.index_pro_item > div > img{ width: 100%;}
.index_pro_item > div .text{ padding: 10px; float: left; width: 100%;}
.index_pro_item > div .text h3{ font-size: 1.6rem; margin: 0px; height: 32px; overflow: hidden; font-weight: 500;}
.index_pro_item > div .text .pro_pic{ float: left; margin: 8px 0 0;}
.index_pro_item > div .text .pro_pic span{ font-size: 12px; color: #ef250f;}
.index_pro_item > div .text .pro_pic b{ font-size:20px; color: #ef250f;}
.index_pro_item > div button{ border: 1px solid #999; color: #666; background: #fff; padding: 4px 5px; margin-top: 8px; border-radius: 15px;}

.vip_favor_list .vip_find_body p{max-height: 60px; overflow: hidden}

.find_porson_box{ background:#fff;}
.find_porson_box > .porson_header{ position: relative}
.find_porson_box > .porson_header > .bg{height:100px; background:#f3f3f3;}
.find_porson_box > .porson_header > .portait{position:absolute; bottom:-30px; left:20px; width:70px ; height:70px; border:solid 1px #e1e1e1;}
.find_porson_box > .porson_header > .portait > img{width: 100%；}

.find_porson_body{ margin-top:60px;}
.find_porson_body > ul > li{ margin-bottom:24px}
.find_porson_body > ul > li > .date{font-size:24px;padding-top:14px}
.find_porson_body > ul > li .imgbox{width:80px; height:80px; overflow:hidden; float:left}
.find_porson_body > ul > li .imgbox > span{ padding:0 4px 4px 0}
.find_porson_body > ul > li .imgbox > span > img{ width:100%}
.find_porson_body > ul > li .detailbox{float:left ;width:66%; padding-left:6px;}
.find_porson_body > ul > li .detailbox > p{ line-height:20px; height:60px; overflow: hidden; margin-bottom:4px; color:666; font-size:14px}
.find_porson_body > ul > li .detailbox > span{ color:#999; font-size:13px}

.register_list{ float: left; width: 100%;}
.register_item{ float: left; width: 100%; background: #fff; margin-bottom: 15px;}
.register_item_header{ float: left; width: 100%; padding: 10px 15px;}
.register_item_header h3{ margin: 0px; font-size: 16px; line-height: 30px;}
.register_item_header span{ color: #999; line-height: 30px;}
.register_item_body{ float: left; width: 100%; padding: 10px 15px;}
.register_item_body p{ font-size: 1.6rem; margin-top: 5px; color:#666;}
.register_item_img{ float: left; width: 100px; height: 100px; overflow: hidden; margin: 10px 10px 0 0;}
.register_item_img img{ float: left; width: 100%;}
.register_item_footer{ float: left; width: 100%; padding: 10px 15px;}
.register_item_footer button{ float: right; border: 1px solid #ccc; border-radius: 20px; padding: 5px 12px; margin-left: 15px; background: #fff;}


.scene_nav{position:fixed; right:0; top:0; width:120px; height:100%; z-index:10; background:#fff; border-left: 1px solid #e4e4e4;}
.scene_nav_hide{right:-120px;}
.scene_nav .nav{ overflow-y:scroll; height:100%}
.scene_nav .nav > dl{ }
.scene_nav .nav > dl > dt{ height:36px; line-height:36px;  background: #eee; color:#666; border-bottom:1px solid #e1e1e1}
.scene_nav .nav > dl > dt > i{}
.scene_nav .nav > dl > dt.click{ background: var(--color); color:white}
.scene_nav > .nav_hide{ width:20px; height:50px; line-height:20px; position:absolute; left:-21px; top:50%; margin-top:-25px; background:rgba(0,0,0,0.5); color:#fff; padding-top:5px;font-size:1.3rem;}
.scene_nav .nav > dl > dd > span{ padding:0 10px;}
.virtualbtn{position:fixed; top:15px; left:10px; z-index:10;}
.virtualbtn .addcart{ float:left;width:40px; height:40px; background:rgba(0,0,0,0.3); text-align:center; color:white; border-radius:50%; font-size:15px; line-height:40px;}

.scene_body{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1;}

.lenovo_wx_index_search{ height: 50px; width: 100%; padding:10px; position: fixed; top: 0px; left: 0px; z-index: 11;}
.lenovo_wx_index_search > div{ float: left; width: 100%; padding: 0 10px; height: 30px; line-height: 30px; background: rgba(255,255,255,0.5); border-radius: 5px;}
.lenovo_wx_index_search > div i{ line-height: 30px;}


.invoice_card{ background: #fff; padding: 15px; border-radius: 5px;}
.invoice_card_header{ margin-bottom: 10px; font-size: 1.6rem;}
.invoice_card_body{ position: relative; font-size: 16px;}
.invoice_card_body span{ line-height: 25px;}
.invoice_card_body b{ font-size: 20px; font-weight: 500; position: absolute; right: 10px; bottom: 0px;}
.invoice_card_body b em{ font-size: 1.6rem; color: #aaa; margin-left: 5px;}

.fa.fa-check-fa-check.xuan{
  color:var(--color);
}


.vip_user_info{ height: 110px; background: url(../imgs/user_bg.png) bottom center; background-size: 100% auto; padding:20px 10px; position: relative;}
.vip_user_info img{ float: left; width: 60px; height: 60px; border-radius: 50%; border: 1px rgba(255,255,255,0.5) solid !important;}
.vip_user_info i.fa-chevron-right{ line-height: 50px; float: right; color: #fff;}
.vip_user_info .user_name{ float: left; height: 50px; margin-left: 15px; color: #fff; width: 70%;}
.vip_user_info .user_name h3{ margin:3px 0 0 0; font-size: 16px; height: 20px; overflow: hidden;}
.vip_user_info .user_name h3 em{ margin: 2px 5px 0 0px; background: rgba(0,0,0,0.1); float: left; width: 20px; height: 15px; line-height: 15px; text-align: center; border-radius: 10px; font-weight: 100; font-size: 12px;}
.vip_user_info .user_name span{ color: rgba(255,255,255,.8)}
.vip_user_info button{ height: 25px; line-height: 25px; position: absolute; top: 10px; right: 10px; background: initial; color: #fff; font-size: 1.6rem;}
.vip_user_info button img.kf_icon{ width: 20px; height: 20px;}
.vip_user_info::before{ content: ""; position: absolute; width: 100%; height: 15px; background: initial; left: 0px; bottom: 0px;}

.pay_item{ float: left; width: 100%; padding: 10px;}
.pay_item_header{ float: left; width: 100%;}
.pay_item_header .cart_pro_check{ float: left; width: 16px; height: 16px; margin: 9px 10px 10px 0; border: 1px solid #999; padding: 2px; border-radius: 50%;}
.pay_item_header .cart_pro_check.xuan{ border: 1px solid var(--color);}
.pay_item_header .cart_pro_check .fa-check{ width: 10px; height: 10px; background: var(--color); border-radius: 50%; display: none;}
.pay_item_header .cart_pro_check.xuan .fa-check{ display: block;}
.pay_item_list{ float: left; width: 100%; margin-bottom: 10px; border: 1px solid #eee; border-radius: 5px; padding: 15px;}
.pay_item_list span{ margin: 0px; font-size: 12px; float: left;}
.pay_item_list span.pic{margin-top: 3px;}
.pay_item_list b{ font-size: 16px; float: left;}

.user_card{ float: left; width: 100%; padding: 0 0; margin-bottom: 10px;}
.user_card_main{ background: #fff; float: left; width: 100%;}
.user_card_header{ float: left; width: 100%; padding: 10px 15px; line-height: 20px; border-bottom: 1px solid #f5f5f5; font-size: 1.6rem;}
.user_card_header span{ color: #999; font-size: 1.6rem;}
.user_card_header i{ color: #999; font-size: 2.2rem !important;}
.user_card_body{ float: left; width: 100%; padding-bottom: 20px;}
.user_card_body .user_card_case{}
.user_card_body .user_card_case h3{ font-size: 16px; margin: 20px 0 2px 0; position: relative;}
.user_card_body .user_card_case h3 font{ font-size: 10px; margin-left: 5px; color: #aaa; font-weight: 400;}
.user_card_body .user_card_case h3 em{ width: 5px; height: 5px; background: #f10215; border-radius: 50%; position: absolute; top: 0px;}
.user_card_body .user_card_case span{ color: #999; font-size: 10px;}
.user_card_footer{ float: left; width: 100%; padding-bottom:15px;}
.user_card_header button{ height: 20px;; border-radius: 14px; font-size: 12px; color: #fff; float: right; padding: 0 10px;}

.up_img{ padding-right: 30px;}

.address_footer{ height: 55px; background: #f5f5f5; padding: 10px 50px;}
.address_footer button{ width: 100%; height: 35px; width: 100%; color: #fff; border-radius: 18px; margin: 0px;}

.bottom_message{ width: 96%; height: 40px; padding: 7px 10px; z-index: 999; position: fixed; bottom: 20px; left: 2%; background: rgba(0,0,0,0.7); border-radius: 30px;}
.bottom_message span{ line-height: 25px; color: #fff;}
.bottom_message button{ height: 25px; line-height: 20px; border-radius: 15px; padding: 0 15px; color: #fff;}

.bottom_message.bottom_message_left{ width: 75%;  left: 0;border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}


.zd_list{}
.zd_list .zd_list_header{ background: #fff;}
.zd_list .zd_list_header .zd_list_sx{ padding:10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.zd_list .zd_list_header .zd_list_sx li{ float: left; color: #000; font-size: 1.6rem; position: relative;}
.zd_list .zd_list_header .zd_list_sx li.xuan{ color: var(--color);}
.zd_list .zd_list_header .zd_list_sx li i{ position: absolute;}
.zd_list .zd_list_header .zd_list_by{ padding: 10px; background: #f5f5f5;}
.zd_list .zd_list_header .zd_list_by .zd_list_main{ width: 100%; height: 120px; padding: 20px 15px; background: url(../imgs/order_detail_bg.png) bottom center; background-size: 100% auto; border-radius: 10px;}
.zd_list .zd_list_header .zd_list_by p{ font-size: 12px; color: #fff;}
.zd_list .zd_list_header .zd_list_by span{ margin-top: 2px; color: #999; color: rgba(255,255,255,.7);}
.zd_list .zd_list_header .zd_list_by b{ font-size: 18px; color: #fff; margin-top: 5px; font-weight: 400;}

.zd_list .zd_list_body{ padding: 10px;}
.zd_list_body li h3{ font-size: 16px; margin: 0px; line-height: 20px;}
.zd_list_body li h3.zd_list_ddh{ font-size: 1.6rem; font-weight: 400;}

.zd_list_modal{ position: fixed; width: 100%; top: 83px; height: 100%; border-bottom: 1px solid #e4e4e4; background: rgba(0,0,0,.5); z-index: 999;}
.zd_modal_main{ float: left; width: 100%; min-height: 100px; background: #fff; padding: 10px 10px 10px 0; overflow: hidden;}
.zd_list_modal h3{ margin: 0px; font-size: 1.6rem; padding-left: 10px;}
.zd_list_modal .sx_btn_list{ margin: 0 0 20px 0;}
.zd_list_modal .sx_btn_list li{ margin-top: 10px; padding-left: 10px;}
.zd_list_modal .sx_btn{ border: 1px solid #aaa; width: 100%; padding: 5px 0; float: left; text-align: center; border-radius: 3px; color: #aaa;}
.zd_list_modal .sx_btn.xuan{ background: var(--color); border: 1px solid var(--color); color: #fff;}
.zd_list_modal button{ height: 35px; line-height: 35px; color: #fff; border-radius: 20px;}

.settlement_modal{ position: fixed; width: 100%; top: 0px; height: 100%; border-bottom: 1px solid #e4e4e4; background: rgba(0,0,0,.5); z-index: 999;}
.settlement_modal_main{ position: absolute; width: 86%; overflow: hidden; height: 170px; top: 50%; margin-top: -85px; left: 7%; background: #fff; border-radius: 5px;}
.settlement_modal_main.two{ height: 240px; margin-top: -120px;}
.settlement_modal_main.thr{ height: 320px; margin-top: -160px;}
.settlement_modal_main h3.settlement_modal_header{ font-size: 1.6rem; margin: 0px; padding: 20px; text-align: center;}
.settlement_modal_main .settlement_modal_body{ max-height: 210px; overflow-y: auto;}
.settlement_modal_main .settlement_modal_footer{ position: absolute; bottom: 0px; width: 100%;}
.settlement_modal_main .settlement_modal_footer button{ height: 40px; color: #fff;}
.settlement_modal_main .settlement_modal_footer button.left{ background: #fff; color: #000; border-top: 1px solid #e4e4e4;}

.settlement_modal_main .settlement_modal_body textarea{float:left;width:100%;height: 60px;border:0px;padding: 0 10px;}

.service_list{ float: left; width: 100%; padding: 15px;}
.service_list_item{ float: left; width: 100%; padding: 15px; border-radius: 5px; background: #fff; color: #000; margin-bottom: 15px;}
.service_list_info{ width: calc(100% - 65px); float: left;}
.service_list_info > span{ color: #000;}
.service_list_info > h3{ color: #000; margin: 4px 0 0 0;}
.service_list_item i{ width: 30px; height: 30px; line-height: 30px; margin-top: 5px; font-size: 1.6rem; color: #ef250f; border: 1px solid #ef250f; text-align: center; float: right; border-radius: 50%;}

.pro_list_loading{ position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0); left: 0px; top: 85px; z-index: 999;}
.pro_loading_icon{ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; color: #999; position: fixed; top: 40%; left: 50%; margin-left: -15px;}

.integral{ float: left; width: 100%; height: 100px; background: url(../imgs/order_detail_bg.png) bottom center; text-align: center; line-height: 100px; color: #fff; background-size:100% auto;}
.integral b{ font-size: 30px; margin: 0 10px;}
.integral_footer{ height: 50px; line-height: 50px; background: #fff; font-size: 13px; border-top: 1px solid #eee;}
.integral_footer span.xuan{ color: var(--color);}

.user_shop_header{ float: left; width: 100%; padding: 30px 0; background: url(../imgs/order_detail_bg.png); background-size: 100% auto; text-align: center;}
.user_shop_header img{ width: 50px; height: 50px; border-radius: 50%; border: 3px solid rgba(255,255,255,.5) !important;}
.user_shop_header span{ color: #fff; margin-top: 10px; font-size: 1.6rem;}

.lqzx_list{ float: left; width: 100%;}
.lqzx_list .lqzx_item{ float: left; width: 100%; background: #fff; margin-bottom: 15px; padding: 0 10px;}
.lqzx_list .lqzx_item .lqzx_item_header{ float: left; width: 100%; padding: 10px 0;}
.lqzx_list .lqzx_item .lqzx_item_header img{ float: left; width: 25px; height: 25px; border-radius: 50%;}
.lqzx_list .lqzx_item .lqzx_item_header h3{ float: left; font-size: 1.6rem; margin: 0px 0px 0px 10px; line-height: 25px;}
.lqzx_list .lqzx_item .lqzx_item_body{ float: left; width: 100%;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_item{ float: left; width: 100%; padding: 10px 0;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_img{ width: 70px; float: left;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_main{ float: left; width: calc(100% - 160px); margin: 0 10px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_main p{ height: 18px; margin-bottom: 5px; overflow: hidden;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_main span{ font-size: 12px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_main b{ font-size: 20px; margin-right: 10px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_btn{ float: right; width: 60px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_btn button{ float: right; width: 70px; font-size: 10px; border-radius: 13px; color: #fff; height: 25px; line-height: 25px; padding: 0 10px; margin-top: 22.5px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_btn button.qsy{ border: 1px solid var(--color); color: var(--color); background: #fff;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_btn span{ font-size: 1.6rem; color: var(--color); margin-top: 10px;}
.lqzx_list .lqzx_item .lqzx_item_body .yhq_btn.mq button{ margin-top: 0px;}

.lqzx_list .lqzx_item .lqzx_item_footer{ float: left; width: 100%; padding: 10px 0; color: #ccc;}

.hbcj_modal{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; top: 0px; left: 0;}

.gjq{ float: left; width: 100%; min-height: calc(100vh - 46px); background: url(../imgs/gjq_bg.png) #ef2851 no-repeat; background-size: 100% auto;}
.gjq h3{ float: left; width: 100%; text-align: center; margin-top: 29.8vh; color: #ef2851;}
.gjq .gjq_gjq{ float: left; width: 86%; height: 16vh; margin: 2vh 7% 0; position: relative;}
.gjq .gjq_gjq span{ float: left; width: 100%; text-align: center; border: 1px solid #e4e4e4; height: 16vh; line-height: 16vh; font-size: 38px; color: #ef2851;}
.gjq .gjq_gjq .gjq_modal{ position: absolute; overflow: hidden; width: 100%; height: 16vh; line-height: 16vh; z-index: 1; font-size: 30px; text-align: center; color: #999; background: #ccc; top: 0px; left: 0px;animation:myfirst 2s;
  -moz-animation:myfirst 2s; /* Firefox */
  -webkit-animation:myfirst 2s; /* Safari and Chrome */
  -o-animation:myfirst 2s; /* Opera */}
.gjq .gjq_hdgz{ float: left; margin-top: 13vh; color: #fff; padding: 0 10px;}
@keyframes myfirst
{
0%   { opacity: 1;}
100% { opacity: 0;}
}
/*@keyframes myfirst
{
0%   { top:0px;}
100% { top:100%;}
}*/

.lenovo_btc_login{ float: left; width: 100%; height: calc(100vh - 47px); background: #fff;}

.lenovo_btc_login img{ float: left; width: 24vw; border-radius: 50%; margin: 80px 38vw 20px;}
.lenovo_btc_login .input{ float: left; width: calc(100vw - 50px); border-bottom: 1px solid #e4e4e4; height: 42px; margin: 0 25px; margin-bottom: 15px;}
.lenovo_btc_login .input input{ height: 40px; line-height: 40px; border: 0px; font-size: 1.6rem;}
.lenovo_btc_login .input .pwd_text{ height: 40px; line-height: 40px; color: #666; font-size: 13px;}
.lenovo_btc_login button{ width: calc(100vw - 50px); margin: 0 25px; height: 45px; border-radius: 23px; color: #fff; margin-top: 20px; background: -webkit-linear-gradient( left,#ec6700,#fb8d38); opacity: 0.5}
.lenovo_btc_login button.xuan{ opacity: 1;}
.lenovo_btc_login .login_text{ font-size: 13px; color: #666; padding: 0 25px; margin-top: 20px;}
.lenovo_btc_login .login_bq{ font-size: 13px; position: absolute; bottom: 10px;}

.thm_header .toolbar-background{ background: var(--color) !important;}
.thm_header .toolbar-title{ color: #fff !important;}
.thm_header .ion-ios-arrow-back:before{ color: #fff !important;}
.thm_bg{ position: fixed; width: 100%; height: 100%; background: var(--color); overflow: hidden;}
.thm_main{ width: 94%; float: left; background: #fff; margin: 10% 3%; border-radius: 3px; padding-bottom: 40px;}
.thm_main .thm_main_header{ height: 40px; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 40px; padding: 0 15px; background: #f5f5f5;}
.thm_main .thm_main_body{ padding: 15px;}
.thm_main .thm_main_body .ewm canvas{ width: 200px !important; height: 200px !important;}

.list_search_header{ float: left; width: 100%; padding:10px; background: #f5f5f5;}
.list_search_header input{ float: left; height: 30px; border: 1px solid #eee; color: #999; background: #fff; width: calc(100% - 35px); border-radius: 5px; padding: 0 10px;}
.list_search_header span{ float: right; line-height: 30px; text-align: right; color: #999;}

.qd_list{ float: left; width: 100%;}
.qd_list .qd_item{ float: left; width: 100%; background: #fff; padding: 10px; margin-bottom: 10px;}
.qd_list .qd_item .qd_header{ float: left; width: 100%; padding-bottom: 10px;}
.qd_list .qd_item .qd_header .qd_address{ font-size: 1.6rem; font-weight: bold;}
.qd_list .qd_item .qd_header .qd_address em{ font-size: 10px; border: 1px solid var(--color); color: var(--color); padding: 1px 5px; border-radius: 10px;}
.qd_list .qd_item .qd_header span{ color: #999;}
.qd_list .qd_item .qd_body{ float: left; width: 100%; padding-bottom: 10px;}
.qd_list .qd_item .qd_body h3{ font-size: 1.6rem; font-weight: 400; margin: 0px;}
.qd_list .qd_item .qd_footer{ float: left; width: 100%;}
.qd_list .qd_item .qd_footer button{ height: 30px; float: right; background: var(--color); color: #fff; font-size: 12px; border-radius: 3px; margin-left: 10px; padding: 0 15px;}
.qd_list .qd_item .qd_footer button:last-child{ margin-left: 0px;}

.xzfzry{ float: left; width: 100%; padding:0 0 15px 15px; background: #fff;}
.xzfzry li{ float: left; width: 50%; padding:15px 15px 0 0;}
.xzfzry li span{ float: left; width: 100%; height: 35px; line-height: 33px; text-align: center; border: 1px solid #e4e4e4; border-radius: 3px;}
.xzfzry li span.xuan{ background: var(--color); color: #fff; border: 1px solid var(--color);}

.cart_main{ position: fixed; width: 100%; max-height: 70%; overflow-y: auto; z-index: 999; background: #fff; bottom: 50px; border-bottom: 1px solid #eee;}
.cart_main_list li{ float: left; width: 100%; padding: 10px; line-height: 20px;}
.cart_main_list li:last-child{ background: #fff;}

.cart_main_userinfo{ float: left; width: 100%; padding: 10px;}

.rse_list_btn{ padding: 10px 0 10px 15px;}
.rse_list_btn button{ float: right; font-size: 14px; padding: 8px 15px; border: 1px solid #ccc; margin-right: 15px; border-radius: 15px; background: #fff;}

.mbatch_footer{ position:fixed; width: 100%; padding: 12px 0; background: #fff; z-index: 10; bottom: 0; left: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;}
.mbatch_footer button{ float: right; font-size: 14px; padding: 8px 15px; border: 1px solid #ccc; margin-right: 15px; border-radius: 15px; background: #fff;}

.signature_btn{float: right; font-size: 12px; padding: 6px 15px 5px 15px; border: 1px solid #ccc; margin:10px 15px 10px 0; border-radius: 15px; background: #fff;}

.sum div.popover-wrapper div.popover-content{
  max-width: 100%;
  box-shadow: 0 0 0 #fff !important;
  border-radius: 5px !important;
  top: 200px !important;
  right: 0px!important;
  left: initial !important;
  width: 100% !important;
  bottom: initial !important;
}
.sum ion-backdrop{
  opacity:.4;
}



.update_modal{ position: fixed; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.5); top: 0px; left: 0px;}
.update_modal .update_main{ width: 80%; position: absolute; top: 10%; left: 10%;}
.update_modal .update_main .update_text{ background: #fff; padding: 15px 20px;}
.update_modal .update_main .update_text h3{ font-size: 16px; margin: 10px 0;}
.update_modal .update_main .update_text p{ margin-bottom: 5px; color: #666;}
.update_modal .update_main .update_btn{ float: left;}
.update_modal .update_main .update_btn button{ float: left; width: 50%; height: 45px;}
.update_modal .update_main .update_btn button:first-child{ background: #fff; border-top: 1px solid #eee;}
.update_modal .update_main .update_btn button:last-child{ background: var(--color); color: #fff;}

.update_modal .update_main .update_loading{ float: left; width: 100%; background: #fff; padding: 50px 20px;}
.update_modal .update_main .update_loading .line{ float: left; width: 100%; height: 15px; position: relative; background: #ccc; border-radius: 10px;}
.update_modal .update_main .update_loading .line span{ position: absolute; height: 15px; z-index: 1; width: 20%; background: var(--color); border-radius: 10px; font-size:10px; color: #fff; line-height: 15px; padding-right: 10px; text-align: right;}

.wlzt{ float: left; width:100%; padding: 20px 0; text-align: center; background: #fff;}
.wlzt i{ font-size:3rem; float: left; width: 100%;}
.wlzt span{ font-size:1.3rem; margin-top: 10px;}


.news_list{ float: left; width: 100%; background: #fff;}
.news_list .news_title{ float: left; width: 100%; padding: 10px; line-height: 22px;}
.news_list .news_title button{ float: right; background: var(--color); color: #fff; border: 0px; font-size:12px; padding: 5px 10px;}
.news_list .news_item{ float: left; padding: 15px 10px; width: 100%;}
.news_list .news_item img{ width: 45px; float: left;}
.news_list .news_item .text{ float: left; width: calc(100vw - 80px); margin-left: 15px;}
.news_list .news_item .text h3{ margin: 0px; font-size:16px;}
.news_list .news_item .text h3 em{ font-size: 10px; padding: 1px 5px; background: #ccc; color:#fff; margin-left: 5px;}
.news_list .news_item .text button{ float: right; background: var(--color); color: #fff; border: 0px; font-size:12px; padding: 5px 10px;}
.news_list .news_item .text span.time{ font-size:12px; color: #ccc;}
.news_list .news_item .text span.main{ margin-top: 5px; color: #999; font-size:13px;}

.doctor_card{ float: left; width: 100%; background: -webkit-linear-gradient( top,var(--color),#659ceb); text-align: center; padding: 30px 0;}
.doctor_card img{ width: 80px; height: 80px; border-radius: 3px;}
.doctor_card h3{ font-size: 18px; margin: 20px 0 10px; color: #fff;}
.doctor_card h3 em{ font-size: 12px; margin-left: 10px; color: rgba(255,255,255,.7);}
.doctor_card span{ font-size: 14px; color: rgba(255,255,255,.9);}

.doctor_text{ background: #fff; padding: 20px 10px;}
.doctor_text h3{ font-size: 16px; margin: 0 0 10px 0;}
.doctor_text b{ font-size: 12px; margin-bottom:5px;}
.doctor_text p{ font-size: 12px; color: #666; line-height: 20px; margin-bottom: 10px;}

.wd_card{ float: left; width:100%; background: #fff; padding: 10px;}



.top_screening{ float: left; width: 100%;}
.top_screening .scr_nav{ background: #fff; border-bottom: 1px solid #eee; display:flex; display: -webkit-flex; display: -ms-flex; float: left; width: 100%; height: 45px; margin: 0px; padding: 0px;}
.top_screening .scr_nav .scr_nav_item{ float: left; color: #666; padding-left: 10px; padding-right: 20px; font-size: 1.4rem; height: 100%; line-height: 44px; text-align: center;}
.top_screening .scr_nav .scr_nav_item > div{ max-width: 33.33333333vw;}
.top_screening .scr_nav .scr_nav_item.xuan{ color: #2664be; font-weight: bold;}
.top_screening .scr_nav .scr_nav_item > i{ position: absolute; line-height: 43px;}
.top_screening .scr_main{ float: left; width: 100%; height: 100vh; background: rgba(0,0,0,0.2);}
.top_screening .scr_main .scr_main_case{ float: left; width: 100%; background: #fff; padding: 0 0 15px 15px; max-height: 350px; overflow-y: auto;}
.scr_main_case span{ float: left; height: 32px; line-height: 30px; padding: 0 15px; border-radius: 5px; color: #666; border: 1px solid #aaa; margin: 15px 15px 0 0;}
.scr_main_case span.xuan{ color: #2664be; background: #e2edfe; border:1px solid #2664be;}
.scr_main_case span.dis{ color: #aaa; background: #f5f5f5; border:1px solid #ccc;}
.scr_main_case input{ height: 40px; border-radius: 5px; line-height: 38px; border: 1px solid #aaa; margin: 15px 15px 0 0;}
.scr_main_calender{ width: 100%; max-height: 50vh; float: left; background: #fff; }
.scr_main_calender ul{ width: 100%; float: left; padding: 0; margin: 0px;}
.scr_main_calender ul > li{ float: left; padding: 5px 15px; width: 14.27vw; height: calc(14.27vw - 20px); line-height: calc(14.27vw - 30px);}
.scr_main_calender ul > li > div{ border-radius: 50%; }
.scr_main_calender ul > li.xuan > div{ background-color: #2664be; color: #FFF; }
.scr_main_calender ul.xuan{ background-color: #2664be; color: #FFF; }
.scr_main_calender ul.xuan > li{ color: #FFF !important; }
.scr_main_list{ width: 100%; max-height: 50vh; float: left; background: #fff; overflow-y: auto; overflow-x: hidden;}
.scr_main_list ul{ width: 100%; float: left; padding: 0; margin: 0px;}
.scr_main_list li{ padding: 10px 0;}
.scr_main_list .main_list_nav{ width: 30%; float: left; height: 350px; overflow-y: auto; background: #f5f5f5; padding: 10px 0; margin: 0px;}
.scr_main_list .main_list_nav li{ padding: 10px 0 10px 10px;}
.scr_main_list .main_list_nav li.xuan{ background: #e2edfe; color: #2664be;}
.scr_main_list .main_list_nr{ width: 70%; float: left; height: 350px; overflow-y: auto; background: #fff;}
.scr_main_list .main_list_nr ul{ width: 100%; float: left; padding: 10px 0; margin: 0px;}
.scr_main_list .main_list_nr li{ padding: 10px 0 10px 20px;}
.top_screening .scr_button{ float: left; width: 100%;}
.top_screening .scr_button button{ margin: 0px; border-radius: 0px; box-shadow: 0px 0px 0px;font-size: 1.9rem;}
.top_screening .scr_button button.dis{ color: #2664be; background: #e2edfe; }

.jl_model_prolist{ position: fixed; background: rgba(0,0,0,.5); width: 100%; height: 100%; top:0; z-index: 999;}
.jl_model_prolist .jl_model_promain{ float: right; background: #fff; width: 80%; height: 100%;}
.jl_model_proclose{ float: left; height: 100%;}

.jl_model_main{ float: left; width: 100%; height: 100%;}

.jl_model_promain h3{ font-size:1.6rem;}
.jl_model_promain span.ck{ float: left; width: 100%; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; font-size:1.2rem;}
.jl_model_promain span.ck.xuan{ border: 1px solid var(--color); color: var(--color);}
